<!DOCTYPE html>
<html lang="zh">
  <head>
    <base href="${base}/">
    <meta charset="UTF-8"/>
    <link href="element-plus/element.min.css" rel="stylesheet"/>
  </head>
  <body>
    <div id="app">
      <el-card class="box-card">
        <template #header>
          <div class="card-header">
            <span>Card name</span>
            <el-button class="button" text>Operation button</el-button>
          </div>
        </template>
        <div :key="o" class="text item" v-for="o in 4">{{ 'List item ' + o }}</div>
      </el-card>
    </div>

    <script src="element-plus/vue3.js"></script>
    <script src="element-plus/element.min.js"></script>
    <script>
      const app = Vue.createApp({
        data() {
          return {
            message: 'Hello Vue!!'
          }
        }
      })
      app.use(ElementPlus)
      app.mount('#app')
    </script>
  </body>
</html>